<template>
  <div class="content-box">
    <div class="page-list">
      <i class="el-icon-s-home page-icon"></i>
      <span class="page-text">当前位置：　首页 <span class="text-icon">></span> 消防管理<span class="text-icon">></span>　　</span>
      <span class="active">培训演练</span>

    </div>
    <div class="page-title">
      <div class="title-text">消防培训演练项目</div>
      <div class="title-time">发布日期：2022-04-25</div>
    </div>
    <div class="gangwei-content">
      <div class="content-text">
        <span class="text-name">
          详情
        </span>
        <div class="text-line">

        </div>
      </div>
      <div class="content-time">
伴随着对2022年的期盼，我们即将迈进新的一年，此时的我们心潮激荡，笑意飞扬，温馨的祝福飘逸在校园上空。<br/>
            随着行业扩展能力的加快，需要大量技能型、应用型的综合性人才。本项目坚持立足市场需求，努力构建校企合作办学平台。项目合作单位与国内外各大航空公司、外航服务公司、机场密切合作，开设航空服务管理、航空预科、国际空乘等现代化......
      </div>
    </div>
    <div class="button-list">
      <el-button class="search-button" @click="toChangeStatus">返回列表</el-button>

    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        formData: {

        }
      }
    },
    components: {

    },
    computed: {

    },
    methods: {
      toChangeStatus() {
        this.$emit('changeStatus')
      }
    }
  }
</script>

<style lang="scss" scoped>
  .content-box {
    margin: 57px auto 0;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    padding-bottom: 40px;

    .page-list {
      width: 1200px;
      margin: 0 auto;
      font-weight: 400;
      font-size: 14px;
      color: #333333;
      margin-bottom: 29px;

      .page-icon {
        font-size: 14px;
        color: rgba(29, 96, 185, 1);
      }

      .page-text {
        .text-icon {
          padding: 0 20px;
        }
      }

      .active {
        color: rgba(29, 96, 185, 1);
      }
    }

    .page-title {
      margin-bottom: 15px;
      text-align: center;

      .title-text {
        font-weight: 400;
        font-size: 20px;
        color: #000000;
        margin-bottom: 16px;
      }

      .title-time {
        font-weight: 400;
        font-size: 14px;
        color: #C1C1C1;
      }
    }

    .page-content {
      padding: 22px 0 20px;
      background-color: #e6f1ff;
      margin-bottom: 27px;

      .page-box-content {
        width: 1200px;
        margin: 0 auto;
      }

      .content-text {
        font-weight: 400;
        font-size: 16px;
        color: #333333;
        margin-bottom: 25px;
      }

      .content-time {
        font-weight: 400;
        font-size: 18px;
        color: #FF8533;
      }
    }

    .gangwei-content {
      width: 1200px;
      margin: 0 auto;

      .content-text {
        display: flex;
        align-items: center;
        margin-bottom: 34px;

        .text-name {
          font-weight: 400;
          font-size: 16px;
          color: #666363;
          margin-right: 10px;
          flex-shrink: 0;
        }

        .text-line {
          flex: 1;
          height: 1px;
          background-color: #eeeeee;
          margin-left: 13px;
        }
      }

      .content-time {
        font-weight: 400;
        font-size: 14px;
        color: #666363;
        line-height: 28px;
      }
    }

    .button-list {
      width: 100%;
      display: flex;
      justify-content: center;
      margin-top: 40px;
      .search-button {
        margin: 0 auto;
        width: 124px;
        height: 36px;
        background: #1D60B9;
        border-radius: 10px 10px 10px 10px;
        color: #ffffff;
      }
    }
  }
</style>
